/<template>
  <div class="homepage">
    <header>
      <input type="text" placeholder="请在这里输入" />
      <span>
        <van-icon name="location-o" />
        <span>地图</span>
      </span>
    </header>
    <main>
      <Grid></Grid>
      <Good></Good>
    </main>
  </div>
</template>

<script>
import Grid from "../../components/Grid.vue"
import Good from "../../components/Good.vue"
export default {
  components: {
    Grid,
    Good
  },
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
html,
body,
.homepage {
  width: 100%;
  height: 100%;
}
.homepage {
  display: flex;
  flex-direction: column;
  header {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    input{
      width: 75%;
      height: 80%;
      border: none;
      background-color: rgb(241, 241, 241);
    }
    span{
      margin-right: 5px;
    }
  }
  main {
    flex: 1;
    background-color: antiquewhite;
  }
}
</style>